<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>petshop</title>
    <!-- bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <!-- animate.css -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- 重置样式 -->
    <link rel="stylesheet/less" href="./assets/css/reset.less" />

    <!-- 公共样式 -->
    <link rel="stylesheet/less" href="./assets/css/common.less" />

    <!-- 页面独立的 -->
    <link rel="stylesheet/less" href="./assets/css/gouwu.less" />
</head>
<body>
     <!-- header -->
     <div class="search-box">
        <div class="search-box">
            <input class="glyphicon glyphicon-search" type="search" placeholder="搜索内容">
            <button>搜索</button>
        </div>
    </div>

    <!-- gouwuche -->
    <div class="gouwuche" >
        <h1>购物车</h1>
        <div class="container">
            <div class="box" >
                <img src="./assets/images/shop-1.png" alt="">
                <h2 class="wow fadeInRight" data-wow-delay="100ms">宠物粮专卖店</h2>
                <p class="wow fadeInRight" data-wow-delay="100ms">精品狗粮中小型成犬柯基泰迪
                    牛肉味通用型1.8kg</p>
            </div>
            <div class="box">
                <img src="./assets/images/shop-5.png" alt="">
                <h2 class="wow fadeInRight" data-wow-delay="100ms">宠物粮专卖店</h2>
                <p class="wow fadeInRight" data-wow-delay="100ms">精品狗粮中小型成犬柯基泰迪
                    牛肉味通用型1.8kg</p>
            </div>
            <div class="box">
                <img src="./assets/images/shop-5.png" alt="">
                <h2 class="wow fadeInRight" data-wow-delay="100ms">宠物粮专卖店</h2>
                <p class="wow fadeInRight" data-wow-delay="100ms">精品狗粮中小型成犬柯基泰迪
                    牛肉味通用型1.8kg</p>
            </div>
            <div class="box">
                <img src="./assets/images/shop-5.png" alt="">
                <h2 class="wow fadeInRight" data-wow-delay="100ms">宠物粮专卖店</h2>
                <p class="wow fadeInRight" data-wow-delay="100ms">精品狗粮中小型成犬柯基泰迪
                    牛肉味通用型1.8kg</p>
            </div>
            <div class="box">
                <img src="./assets/images/shop-5.png" alt="">
                <h2 class="wow fadeInRight" data-wow-delay="100ms">宠物粮专卖店</h2>
                <p class="wow fadeInRight" data-wow-delay="100ms">精品狗粮中小型成犬柯基泰迪
                    牛肉味通用型1.8kg</p>
            </div>
        </div>
    </div>

    <!-- footer -->
    <div class="footer">
        <div class="box1">
            <div class="item1">
                <img src="./assets/images/footer-1.png" alt="">
                <a href="index.html">商城</a>
            </div>
            <div class="item1">
                <img src="./assets/images/footer-2.png" alt="">
                <a href="faxian.html">发现</a>
            </div>
            <div class="item1">
                <img src="./assets/images/footer-3.png" alt="">
                <a href="gouwu.html">购物车</a>
            </div>
            <div class="item1">
                <img src="./assets/images/footer-4.png" alt="">
                <a href="me.html">我的</a>
            </div>
        </div>
    </div>
</body>
</html>
<!-- 解析less的文件 -->
<script src="./assets/js/less.min.js"></script>

<!-- jquery  -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- wow.js -->
<script src="./assets/js/wow.min.repeat.js"></script>
<script>
    new WOW().init()
</script>